/*导航选中*/
header .nav-item:nth-child(2) a {
    font-size: 18px;
    color: #668aca;
}
header .nav-item:nth-child(2) span {
    opacity: 1;
}
/*轮播板块*/
.banner {
    width: 100%;
    height: 300px;
    background: url("../img/project/banner.jpg") no-repeat center;
    background-size: cover;
}
/*主体内容*/
main {
    overflow: hidden;
    width: 100%;
    margin-bottom: 154px;
}
/*家居*/
main .nav {
    width: 100%;
    height: 84px;
    margin-top: 50px;
}
.nav p {
    float: left;
    font-size: 14px;
    color: #767676;
    line-height: 14px;
}
.nav p span {
    font-size: 14px;
    color: #668aca;
}
.nav ul {
    float: right;
}
.nav ul li {
    position: relative;
    float: left;
    width: 41px;
    height: 16px;
    text-align: center;
    margin-left: 35px;
}
.nav ul li:nth-child(2n) {
    width: 1px;
    height: 8px;
    background-color: #b5b5b5;
    margin-top: 4px;
}
.nav ul li:last-child {
    margin-right: 6px;
}
.nav ul li a {
    font-size: 14px;
    color: #767676;
}
.nav ul li span {
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 12px;
    height: 1px;
    background-color: #668aca;
    transform: translateX(-50%);
    opacity: 0;
}
.nav ul li:hover a {
    font-size: 16px;
    color: #668aca;
}
.nav ul li:nth-child(1) a {
    font-size: 16px;
    color: #668aca;
}
.nav ul li:nth-child(1) span {
    opacity: 1;
}
.nav ul li:hover span {
    opacity: 1;
}
.content {
    width: 100%;
}
.content ul li {
    position: relative;
    float: left;
    width: 360px;
    height: 291px;
    margin-right: 60px;
    cursor: pointer;
}
.content ul li:nth-child(3n) {
    margin-right: 0;
}
.content ul li:nth-child(1) {
    background: url("../img/project/1.jpg") no-repeat top left;
}
.content ul li:nth-child(2) {
    background: url("../img/project/2.jpg") no-repeat top left;
}
.content ul li:nth-child(3) {
    background: url("../img/project/3.jpg") no-repeat top left;
}
.content ul li:nth-child(4) {
    background: url("../img/project/4.jpg") no-repeat top left;
}
.content ul li:nth-child(5) {
    background: url("../img/project/5.jpg") no-repeat top left;
}
.content ul li:nth-child(6) {
    background: url("../img/project/6.jpg") no-repeat top left;
}
.content ul li p:nth-child(1) {
    margin: 208px 0 7px 50px;
    font-size: 14px;
    color: #767676;
}
.content ul li p:nth-child(2) {
    margin-left: 50px;
    font-size: 12px;
    color: #767676;
}
.content ul li .icon {
    position: absolute;
    top: 210px;
    right: 50px;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    background: url("../img/index/icon33.png") no-repeat center;
    background-size: 30px 30px;
    border-radius: 50%;
}
/*办公*/
.nav.work ul li:nth-child(1) a {
    font-size: 14px;
    color: #767676;
}
.nav.work ul li:nth-child(1) span {
    opacity: 0;
}
.nav.work ul li:nth-child(1):hover a {
    font-size: 16px;
    color: #668aca;
}
.nav.work ul li:nth-child(3) a {
    font-size: 16px;
    color: #668aca;
}
.nav.work ul li:nth-child(3) span {
    opacity: 1;
}
.content.work ul li:nth-child(1) {
    background: url("../img/project/7.jpg") no-repeat top left;
}
.content.work ul li:nth-child(2) {
    background: url("../img/project/8.jpg") no-repeat top left;
}
.content.work ul li:nth-child(3) {
    background: url("../img/project/9.jpg") no-repeat top left;
}
/*餐饮*/
.nav.food ul li:nth-child(1) a {
    font-size: 14px;
    color: #767676;
}
.nav.food ul li:nth-child(1) span {
    opacity: 0;
}
.nav.food ul li:nth-child(1):hover a {
    font-size: 16px;
    color: #668aca;
}
.nav.food ul li:nth-child(5) a {
    font-size: 16px;
    color: #668aca;
}
.nav.food ul li:nth-child(5) span {
    opacity: 1;
}
.content.food ul li:nth-child(1) {
    background: url("../img/project/10.jpg") no-repeat top left;
}
.content.food ul li:nth-child(2) {
    background: url("../img/project/11.jpg") no-repeat top left;
}
.content.food ul li:nth-child(3) {
    background: url("../img/project/12.jpg") no-repeat top left;
}
/*MORE*/
.nav.more ul li:nth-child(1) a {
    font-size: 14px;
    color: #767676;
}
.nav.more ul li:nth-child(1) span {
    opacity: 0;
}
.nav.more ul li:nth-child(1):hover a {
    font-size: 16px;
    color: #668aca;
}
.nav.more ul li:nth-child(7) a {
    font-size: 16px;
    color: #668aca;
}
.nav.more ul li:nth-child(7) span {
    opacity: 1;
}
.content.more ul li:nth-child(1) {
    background: url("../img/project/13.jpg") no-repeat top left;
}
.content.more ul li:nth-child(2) {
    background: url("../img/project/14.jpg") no-repeat top left;
}
.content.more ul li:nth-child(3) {
    background: url("../img/project/15.jpg") no-repeat top left;
}